<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/lodash.js"></script>
</head>

<body>
    <h4>Lodash处理数组</h4>
    <div id="box">
        <h5>选择处理方式:</h5>
        <div id="fun">
            <label for="difference"><input type="radio" name="fun" id="diff">差异</label>
            <label for="xor"><input type="radio" name="fun" id="xor">交集</label>
            <label for="zip"><input type="radio" name="fun" id="zip">对位合并</label>
            <label for="unzip"><input type="radio" name="fun" id="unzip"></label>
            <label for="union"><input type="radio" name="fun" id="union">合并后去重</label>
            <label for="pullAll"><input type="radio" name="fun" id="pullAll">删除所有区域2的值</label>
            <label for=""><input type="radio" name="fun" id=""></label>
            <label for=""><input type="radio" name="fun" id=""></label>
        </div>
        <h5>数据来源:</h5>
        <div id="data1">

            <label for="valA">单元格区域1：<input type="text" name="" id="valA"></label>
            <label for="valB">单元格区域2：<input type="text" name="" id="valB"></label>
        </div>
        <div>
            <button id="go">处 理</button>
        </div>
        <h5>处理结果:</h5>
        <div id="resultbox">

            <label for="result"><textarea name="" id="" cols="100%" rows="10"></textarea></label>
        </div>
    </div>
    <style>
        h4 {
            text-align: center;
        }

        #go {
            width: 80%;
            padding: .5em;
            color: cornsilk;
            background: rgb(65, 66, 63);
            border-radius: .3em;
        }

        #box {
            width: 99%;
            padding: 0;
            margin: 0 auto;
            flex-direction: column;
            border: 2px solid;
            border-radius: .3em;
        }

        #box div {
            padding: 1em;
        }

        #fun {
            display: flex;
            flex-direction: row;
        }
    </style>
</body>

</html>